const { defineConfig } = require('@vue/cli-service')
const path = require('path')
const themePath = path.join(__dirname, '/src/styles/theme.less')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave:false, //关掉eslint
  devServer:{
    open:true, // 配置在启动开发服务器的时候自动打开浏览器
    host:'127.0.0.1'// 如果自动打开浏览器的ip地址错误，则需要进行此项配置!
  },
   css: {
    loaderOptions: {
      less: {
        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
        lessOptions: {
          modifyVars: {
            // 直接覆盖变量
            // 'text-color': '#111',
            // 'border-color': '#eee',
            // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
            hack: `true; @import "${themePath}";`,
          },
        },
      },
    },
  },
})
